import "babel-polyfill";
import React from 'react';
import _ from 'lodash';
import ReactDOM,{createRoot} from 'react-dom';
import BackTop from "@/components/Layout/BackTop.jsx";
import Tips from "@/components/Layout/Tips.jsx";
import { ThemeProvider } from '@mui/material/styles';
import { BrowserRouter as Router } from 'react-router-dom';
import { Switch, Route, Redirect } from "react-router-dom";
import { createHashHistory, createMemoryHistory, createBrowserHistory} from 'history';
import {Provider} from "mobx-react"
//
import App from '@/core/router.js';
import theme from '@/themes';
import store from '@/store';
import '@/themes/less/index.less'
import '@/core';
import '@/api';
import './global';

_.store = store;

ReactDOM.render(
   <ThemeProvider theme={theme}>
        <Provider {...store}>
            <Router basename="/" >
                <App/>
            </Router>
        </Provider>
        <BackTop />
       <Tips />
   </ThemeProvider>
    ,document.getElementById('root')
)
